<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>index</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:5px;">
    <thead>
    <tr>
        <th class="center" style="width:35px;"><label class="pos-rel"><input type="checkbox" class="ace"
                                                                             id="zcheckbox" /><span class="lbl"></span></label></th>
        <th class="center" style="width:50px;">序号</th>
        <th class="center">影片名称</th>
        <th class="center">影片编号</th>
    </tr>
    </thead>

    <tbody>
    <!-- 开始循环 -->
    <c:choose>
        <c:when test="${not empty pagehelper.list}">
            <c:forEach items="${pagehelper.list}" var="var" varStatus="vs">
                <tr>
                    <td class='center'><label class="pos-rel"><input
                            type='checkbox' name='ids' value="${var.id}" class="ace" /><span
                            class="lbl"></span></label></td>
                    <td class='center' style="width: 30px;">${vs.index+1+(pagehelper.pageNum-1)*10}</td>
                    <td class='center'>${var.context}</td>
                    <td class='center'>${var.viewCount}</td>
                    <td class="center">
                        <div class="hidden-sm hidden-xs btn-group">
                            <a class="btn btn-xs btn-success" title="编辑"
                               onclick="edit('${var.id}');"> <i
                                    class="ace-icon fa fa-pencil-square-o bigger-120"
                                    title="编辑"></i>
                            </a>
                            <a class="btn btn-xs btn-danger"
                               onclick="del('${var.id}');"> <i
                                    class="ace-icon fa fa-trash-o bigger-120" title="删除"></i>
                            </a>
                        </div>
                        <div class="hidden-md hidden-lg">
                            <div class="inline pos-rel">
                                <button
                                        class="btn btn-minier btn-primary dropdown-toggle"
                                        data-toggle="dropdown" data-position="auto">
                                    <i class="ace-icon fa fa-cog icon-only bigger-110"></i>
                                </button>

                                <ul
                                        class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
                                    <li><a style="cursor:pointer;"
                                           onclick="edit('${var.id}');" class="tooltip-success"
                                           data-rel="tooltip" title="修改"> <span class="green">
																				<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
																		</span>
                                    </a></li>
                                    <li><a style="cursor:pointer;"
                                           onclick="del('${var.id}');" class="tooltip-error"
                                           data-rel="tooltip" title="删除"> <span class="red">
																				<i class="ace-icon fa fa-trash-o bigger-120"></i>
																		</span>
                                    </a></li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>

            </c:forEach>
        </c:when>
        <c:otherwise>
            <tr class="main_info">
                <td colspan="100" class="center">没有相关数据</td>
            </tr>
        </c:otherwise>
    </c:choose>
    </tbody>
</table>
<ul class="pagination">
    <li><a href="#">&laquo;</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">7</a></li>
    <li><a href="#">8</a></li>
    <li><a href="#">9</a></li>
    <li><a href="#">10</a></li>
    <li><a href="#">11</a></li>
</ul>

</body>
</html>
